Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix centered modal scrolling issue #30244

Merged
merged 3 commits into from
Feb 29, 2020
Merged

Conversation

ysds
Copy link
Member

@ysds ysds commented Feb 19, 2020

Another solution of #30003.

You can see the issue in the vertical modal demo. This behavior occurs when the browser UI (address bar) is displayed.

ezgif com-optimize

This PR fix it by using the min-content property.

Preview: https://deploy-preview-30244--twbs-bootstrap.netlify.com/docs/4.3/components/modal/#vertically-centered

@zizoclimbs
Copy link

I like your solution @ysds , Its more better and simple. Thanks 👍

@XhmikosR XhmikosR merged commit 40ac139 into master Feb 29, 2020
@XhmikosR XhmikosR deleted the master-ysds-modal-scrolling-issue branch February 29, 2020 07:59
XhmikosR pushed a commit that referenced this pull request Mar 4, 2020
Use the `min-content` property.
XhmikosR pushed a commit that referenced this pull request Mar 9, 2020
Use the `min-content` property.
olsza pushed a commit to olsza/bootstrap that referenced this pull request Oct 3, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants